.BridgeDetectionModule {
  &.chartPanel {
    @width: @SYSPANELWIDTH *2;
    width: @width;
    left: -(@width + @SYSMARGIN);
    &.open {
      left: @SYSMARGIN;
      &.min {
        left: -(@width + @SYSMARGIN) !important;
        .minmax {
          right: -@SYSMARGIN;
          flex-direction: row-reverse;
          transform-origin: right top;
          transform: rotateZ(270deg);
          top: 0;
          .icon {
            transform: rotateZ(270deg);
          }
        }
      }
    }
    display: flex;
    flex-direction: column;
    .tableBlock{
      .wrap {
        table {
          .body {
            padding-right: 1px;
          }
        }
      }
    }
  }
  .treeBlock {
    .tree {
      .titleDiv {
        > .icon:not(.list) {
          background-image: none;
          border-radius: 24px;
          width: 14px;
          height: 14px;
          margin: auto 8px;
          background-color: #ccc;
        }
      }
      .normal {
        > .titleDiv {
          > .icon {
            background-image: none;
            border-radius: 24px;
            width: 14px;
            height: 14px;
            margin: auto 8px;
            background-color: #0f0;
          }
        }
      }
      .alert {
        > .titleDiv {
          > .icon {
            background-image: none;
            border-radius: 24px;
            width: 14px;
            height: 14px;
            margin: auto 8px;
            background-color: #f00;
          }
        }
      }
      .rotate {

      }
      .move {

      }
      &.active {
        .titleDiv {
          > .title {
            color: @themeGreen;
          }
        }
      }
    }
  }
}



.BridgeDetectionNodeBlock {
  .status {
    .rel;
    padding-left: 15px;
    &:before {
      content: "";
      display: block;
      .abs;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      height: 10px;
      background-color: #ccc;
      border-radius: 10px;
    }
    &.normal {
      &:before {
        background-color: #0f0;
      }
    }
    &.alert {
      &:before {
        background-color: #f00;
      }
    }
  }
  .button {
    border-radius: 10px;
    border: 1px solid;
    background-color: fade(@theme, 10);
    text-align: center;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 24px;

    &:hover {
      background-color: fade(@theme, 80);
    }
  }
}